<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
        <title>2.1.2. Instructor Interface Overview</title>
    </head>
    <body>
        <h2>2.1.2. Instructor Interface Overview</h2>
        <hr/>
        <h2> Navigation Bar </h2>
        <p>
            The instructor interface consists of a navigation bar at the top of 
            the screen, containing a customizable picture for their user account
            and two tabs (Preferences and View Schedule) on the left, and a 
            schedule selector dropdown menu and an options button on the right.
        </p>
        <hr/>
        <div align=center>
            <img src="instructor.png" width="900" height="500"/><br><br>
            Figure 2.1.5. Instructor Interface Welcome Screen
        </div>
        <hr/>
        <p>
            Before the instructor selects one of the tabs, the same two options are
            shown in the center of the screen, underneath a friendly welcome message.
        </p>
        <hr/>
        <h2> Editing Preferences </h2>
        <p>
            When the instructor clicks either the Preferences tab on the navigation bar
            or the shortcut presented on the welcome screen, the system creates 
            a Preferences form and populates the fields with the current values stored
            in the database.
        </p>
        <p> This form comprises the following elements:
            <ol>
                <li>
                    <b>WTU Panel</b> - a panel on the upper left to edit the number of Work Time Units (WTUs) 
                    they are going to teach
                </li>
                <li>
                    <b>Course List</b> - a list of courses they are eligible to teach
                </li>
                <li>
                    <b>Course Specific Preferences Panel</b> - contains a visual set of tools needed to teach
                    the course, a calendar widget to specify when they would prefer to teach it, and a slider 
                    to determine how much they want to teach it
                </li>
            </ol>
        </p>

        <p>
        <hr/>
        <div align=center>
            <img src="instructor_preferences.png" width="900" height="500"/><br><br>
            Figure 2.1.something. Preferences View
        </div>

  </body>
</html>
